<div class="box border blue">
    <div class="box-title">
        <h4><i class="fa fa-sitemap"></i>任务列表</h4>
        <div class="tools">
            <a class="collapse">
                <i class="fa fa-plus" title="点击添加任务" ng-click="AddTaskToDatabase()"></i>
            </a>
        </div>
    </div>
    <div class="box-body">
        <div class="tree tree-selectable">
            <div class="tree-folder" style="display:none;">
                <div class="tree-folder-header">
                    <i class="fa-plus fa"></i>
                    <div class="tree-folder-name"></div>
                </div>
                <div class="tree-folder-content">
                </div>
                <div class="tree-loader" style="display: none;">
                </div>
            </div>
            <div class="tree-item" style="display:none;">
                <i class="fa-times fa"></i>
                <div class="tree-item-name"></div>
            </div>

            <div class="tree-folder" style="display: block;" ng-repeat="taskitem in tasks|filter:inputTaskName">
                <div class="tree-folder-header">
                    <i ng-show="!ShowFlag[$index].value" ng-click="change_show($index)" class="fa fa-plus"></i>
                    <i ng-show="ShowFlag[$index].value" ng-click="change_show($index)" class="fa fa-minus"></i>
                    <div class="tree-folder-name">
                        <div style="display:inline;font-size: 15px;color:blue" ng-click="TaskDetailShow(taskitem.id)"><img style="height:15px;width:15px" src="assets/img/skull-icon.png" ng-show="SkullShow(taskitem.id)"/>{{taskitem.name}} {{TimeShow(taskitem.startTime)}} 至 {{TimeShow(taskitem.endTime)}}</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <div style="display:inline"><i class="fa fa-plus-circle" ng-click="AddClipToTask(taskitem.id)" title="为当前任务添加Clip"></i></div>
                    </div>
                </div>
                <div ng-show="ShowFlag[$parent.$index].value" class="tree-folder-content" ng-repeat="option in clips|filter:{individualTaskId:taskitem.id}">
                    <div class="tree-item" style="display: block;">
                        <div class="tree-item-name">
                            <div style="display:inline" ng-click="ClipDetailShow(option.id)">{{option.name}} {{ClipTimeShow(option.startTime)}} 至 {{ClipTimeShow(option.endTime)}}</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <div style="display:inline"><i class="fa fa-trash-o" ng-click="DeleteClipFromTask(option.id)" title="删除此条Clip"></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>